    .scroll-h {
        width: 750rpx;
    	/* #ifdef H5 */
    	width:100%;
    	/* #endif */
    	height: 104rpx;
        flex-direction: row;
        /* #ifndef APP-PLUS */
        white-space: nowrap;
        /* #endif */
        /* flex-wrap: nowrap; */
        /* border-color: #cccccc;
    	border-bottom-style: solid;
    	border-bottom-width: 1px; */
    }
	
	.header_warp {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9999;
		background-color: #171525;
	}
	
	
	.scroll_warp {
		width: 750rpx;
		overflow-x: hidden;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
	}
	
	/* 顶部*/
	.inner {
		margin-left: 32rpx;
		width: 490rpx;
		justify-content: center;
		align-items: flex-start;
		height: 100%;
		/* border-radius: 64rpx; */
	
		.search_warp {
			display: flex;
			align-items: center;
			padding: 0 20rpx;
			box-sizing: border-box;
			color: rgba(229,221,255,0.2);
			background-color: rgba(229,221,255, 0.05);
			border-radius: 1000px;
			width: 490rpx;
			height: 100%;
			
			.icon {
				width: 34rpx;
				height: 34rpx;
			}
			
			.input_warp {
				margin-left: 16rpx;
			}
		}
	}
	/* 选项卡 */
	.tabs {
		width: 100%;
		height: 104rpx;
		font-family: PingFang SC;
		
		._tab-item-box {
			width: 100%;
			/* overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: space-between; */
		}
		
		._item {
			/* #ifndef APP-PLUS */
			display: inline-block;
			/* #endif */
			flex-wrap: nowrap;
			padding: 20rpx;
			text-align: center;
			box-sizing: border-box;
			font-size: 30rpx;
			color: rgba(229,221,255,0.2);
			width: 25%;
			
			&.active {
				font-size: 38rpx;
				color: #F1EDFF;
			}
			
			.title {
				text-align: center;
			}
		}
		
		._underline {
			position: relative;
			width: 25%;
			transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
			
			.indicator {
			    position: relative;
			    width: 24rpx;
			    height: 8rpx;
			    background: #F1EDFF;
			    border-radius: 4rpx;
			    max-width: 100%;
			    margin: 0 auto;
			    border-radius: 1px;
				
				
				
			}
			
			
		}
	}
	
	.list_box {
		background-color: #171525;
		width: 100%;
		/* height: 100%; */
		/* margin-top: 250rpx; */
		padding: 0 32rpx;
		box-sizing: border-box;
		flex-wrap: wrap;
		justify-content: space-between;
		
		.room_item {
			position: relative;
			width: 330rpx;
			height: 330rpx;
			background: #1B1F53;
			border-radius: 20rpx;
			border-top-left-radius: 0;
			overflow: hidden;
			margin-bottom: 28rpx;
			
			.top_left_icon {
				position: absolute;
				left: 0;
				top: 0;
				z-index: 9;
				width: 129rpx;
				height: 36rpx;
				/* background: linear-gradient(-88deg, #9E89FF 0%, #708AF9 100%); */
				border-radius: 4rpx;
				
				.tagPict {
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
				}
				
				.txt {
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #FFFFFF;
				}
			}
			
			.top_right_icon {
				position: absolute;
				right: 10rpx;
				top: 10rpx;
				z-index: 9;
				
				.pk_img {
					width: 108rpx;
					height: 32rpx;
				}
			}
			
			.bottom_right_icon {
				position: absolute;
				right: 10rpx;
				bottom: 10rpx;
				z-index: 9;
				width: 102rpx;
				height: 38rpx;
				background: rgba(12,9,30,0.35);
				border-radius: 10rpx;
				
				.hot_num {
					width: 100%;
					height: 100%;
					font-size: 24rpx;
					font-family: PingFang SC;
					/* font-weight: bold; */
					color: #FFFFFF;
					justify-content: center;
					
					.hot_img {
						width: 26rpx;
						height: 26rpx;
						text-align: center;
					}
				}
			}
			
			.bg_img {
				width: 100%;
				height: 100%;
			}
		}
	}
	
	
    /* 动态 */
	.loading-mark {
		position: relative;
		z-index: 9;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 32rpx;
		height: 27rpx;
		font-size: 50rpx;
		color: #FFFFFF;
	}

	.loader-15 {
		background: currentcolor;
		position: relative;
		-webkit-animation: loader-15 1s ease-in-out infinite;
		animation: loader-15 1s ease-in-out infinite;
		-webkit-animation-delay: 0.4s;
		animation-delay: 0.4s;
		width: 5rpx;
		height: 8rpx;
	}

	.loader-15:after,
	.loader-15:before {
		content: '';
		position: absolute;
		width: inherit;
		height: inherit;
		background: inherit;
		-webkit-animation: inherit;
		animation: inherit;
	}

	.loader-15:before {
		right: 10rpx;
		-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;
	}

	.loader-15:after {
		left: 10rpx;
		-webkit-animation-delay: 0.6s;
		animation-delay: 0.6s;
	}

	@-webkit-keyframes loader-15 {

		0%,
		100% {
			box-shadow: 0 0 0 currentcolor, 0 0 0 currentcolor;
		}

		50% {
			box-shadow: 0 -8rpx 0 currentcolor, 0 8rpx 0 currentcolor;
		}
	}

	@keyframes loader-15 {

		0%,
		100% {
			box-shadow: 0 0 0 currentcolor, 0 0 0 currentcolor;
		}

		50% {
			box-shadow: 0 -8rpx 0 currentcolor, 0 8rpx 0 currentcolor;
		}
	}